<template>
  <div class="detail_top">
    <div class="user_info">
      <img :src="goodDetailStore.goodDetail.seller?.avatar" alt="用户头像">
      <div class="user_name">
        <span class="name">{{ goodDetailStore.goodDetail.seller?.name }}</span>
        <span>信誉良好:{{ goodDetailStore.goodDetail?.seller?.credit }}|累计卖出8件商品</span>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { useGoodDetailStore } from '@/stores/module/goods/good';
const goodDetailStore = useGoodDetailStore();


</script>

<style lang="less" scoped>
.detail_top {
  width: 100%;
  height: 68px;
  background-color: #fff;
  border-radius: 12px;
  display: flex;

  .user_info {
    padding: 0 8px;
    display: flex;
    justify-content: center;
    align-items: center;

    img {
      width: 45px;
      height: 45px;
      border-radius: 50%;
    }

    .user_name {
      height: 36px;
      margin-left: 10px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      font-size: 14px;
      color: #c3c3c3;

      .name {
        font-size: 16px;
        color: #333;
      }
    }
  }
}
</style>
